<div ng-controller="BusinessCtrl">
    <tabs>
        <ul class="tab">
            <li><a href="#subtabs_01">指标分析</a></li>
            <li><a href="#subtabs_02">故障分析</a></li>
            <li><a href="#subtabs_03">速率分析</a></li>
        </ul>
        <div>
            <div id="subtabs_01">
                <div>
                    <div class="selectfrom">
                        <span class="rqs1">接口：</span>
                        <select id ="interface1">
                            <option value="S1">S1</option>
                        </select>
                        <br/>
                        <span class="rqs1">时间选择：</span>
                        <input id="starttime1" ng-model="stime1" onfocus="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd'})" />
                        <span>至</span>
                        <input id="endtime1" ng-model="etime1" onfocus="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd'})" />
                        <!--<a class="jin1" href="javascript:">最近1天<label style="display: none">1</label></a>-->
                        <!--<a class="jin1" href="javascript:">最近7天<label style="display: none">7</label></a>-->
                        <!--<a class="jin1" href="javascript:">最近30天<label style="display: none">30</label></a>-->
                        <br/>
                        <input class="va" id="isbusy" type="checkbox" />
                        <span class="rqs1">早晚忙时</span><span>（9:00-12:00；21:00-24:00）</span>
                        <span class="rqs1">时间粒度：</span>
                        <select ng-model="timesize1" ng-change="changeTimeSize1(this)" ng-options="item.name for item in selectSizes1" >
                            <!--<option value="5">5分钟</option>-->
                            <!--<option value="15">15分钟</option>-->
                            <!--<option value="60">1小时</option>-->
                        </select>
                        <!--<input class="rqbtn" type="button" ng-click="group.show()" value="群组选择" />
                        <span class="rqs1">{{currentGroup}}</span>
                        <artdialog option="group" class="artdialog">
                            <tabs>
                                <ul class="tab">
                                    <li><a href="#subtabs_user" ng-click="setTabs('用户组')">用户组</a></li>
                                    <li><a href="#subtabs_com" ng-click="setTabs('小区组')">小区组</a></li>
                                    <li><a href="#subtabs_ter" ng-click="setTabs('终端组')">终端组</a></li>
                                </ul>
                                <div id="subtabs_user">
                                    <input type="text" ng-model="ztreeuser.filter" ng-enter="ztreeuser.tofilter(ztreeuser.filter)" />
                                    <ztree id="ztreeuser" options="ztreeuser"></ztree>
                                </div>
                                <div id="subtabs_com">
                                    <input type="text" ng-model="ztreecom.filter" ng-enter="ztreecom.tofilter(ztreecom.filter)" />
                                    <ztree id="ztreecom" options="ztreecom"></ztree>
                                </div>
                                <div id="subtabs_ter">
                                    <input type="text" ng-model="ztreeter.filter" ng-enter="ztreeter.tofilter(ztreeter.filter)" />
                                    <ztree id="ztreeter" options="ztreeter"></ztree>
                                </div>
                            </tabs>
                        </artdialog>-->
                        <input class="rqbtn" type="button" ng-click="btnSearch1()" value="查询" />
                        <input ng-click="showDownloadlist()" class="rqbtn" type="button" value="下载列表" />
                    </div>
                    <div class="webpart">
                        <div class="wp_top">
                            <span class='x18icon table'></span>
                            <span>指标分析表</span>
                            <!--<input class="rqbtn dcsj" type="button" ng-click="showuser()" value="新增" />-->
                            <!--<input class="rqbtn dcsj" type="button" ng-click="downloadPhoneModel()" value="模板下载" />-->
                            <input class="dcsj" type="button" ng-click="exportBusinessIndicatorData()" value="导出数据" />
                        </div>
                        <div class="wp_main table">
                            <jqgrid options="grid1"></jqgrid>
                        </div>
                        <div class="wp_foot">
                            <sortpage sortpagedata="grid1.gridpagedata"></sortpage>
                        </div>
                    </div>
                </div>
            </div>
            <div id="subtabs_02">
                <div>
                    <div class="selectfrom">
                        <span class="rqs1">接口：</span>
                        <select id ="interface2">
                            <option value="S1">S1</option>
                        </select>
                        <span class="rqs1">时间粒度：</span>
                        <select ng-model="timesize2" ng-change="changeTimeSize2(this)" ng-options="item.name for item in selectSizes2" >
                            <!--<option value="5">5分钟</option>-->
                            <!--<option value="15">15分钟</option>-->
                            <!--<option value="60">1小时</option>-->
                        </select>
                        <br/>
                        <span class="rqs1">时间选择：</span>
                        <input id="starttime2" ng-model="stime2" onfocus="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:00'})" />
                        <span>至</span>
                        <input id="endtime2" ng-model="etime2" onfocus="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:00'})" />
                        <br/>
                        <span class="rqs1">事件类型：</span>
                        <select id="selectEventType" class="sw">
                            <option value="20">TCP连接</option>
                            <option value="13">DNS查询</option>
                            <option value="15">HTTP业务GET请求</option>
                            <option value="16">HTTP业务POST请求</option>
                        </select>
                        <!--<input class="rqbtn" type="button" ng-click="group1.show()" value="群组选择" />
                        <span class="rqs1">{{currentGroup1}}</span>
                        <artdialog option="group1" class="artdialog">
                            <tabs>
                                <ul class="tab">
                                    <li><a href="#subtabs_user1" ng-click="setTabs1('用户组')">用户组</a></li>
                                    <li><a href="#subtabs_com1" ng-click="setTabs1('小区组')">小区组</a></li>
                                    <li><a href="#subtabs_ter1" ng-click="setTabs1('终端组')">终端组</a></li>
                                </ul>
                                <div id="subtabs_user1">
                                    <input type="text" ng-model="ztreeuser1.filter" ng-enter="ztreeuser1.tofilter(ztreeuser1.filter)" />
                                    <ztree id="ztreeuser1" options="ztreeuser1"></ztree>
                                </div>
                                <div id="subtabs_com1">
                                    <input type="text" ng-model="ztreecom1.filter" ng-enter="ztreecom1.tofilter(ztreecom1.filter)" />
                                    <ztree id="ztreecom1" options="ztreecom1"></ztree>
                                </div>
                                <div id="subtabs_ter1">
                                    <input type="text" ng-model="ztreeter1.filter" ng-enter="ztreeter1.tofilter(ztreeter1.filter)" />
                                    <ztree id="ztreeter1" options="ztreeter1"></ztree>
                                </div>
                            </tabs>
                        </artdialog>-->
                        <input class="rqbtn" type="button" ng-click="btnSearch2()" value="查询" />
                        <input ng-click="showDownloadlist()" class="rqbtn" type="button" value="下载列表" />
                    </div>
                    <div class="webpart center">
                        <div class="netchar"><highcharts options="highchartyy"></highcharts></div>
                        <div class="netchar"><highcharts options="highchartcolumn"></highcharts></div>
                        <div class="netchar">
                            <tabs>
                                <ul class="tab">
                                    <li><a href="#subtabs_11">图显示</a></li>
                                    <li><a href="#subtabs_12">表显示</a></li>
                                </ul>
                                <div id="subtabs_11"><highcharts options="highchartpie"></highcharts></div>
                                <div id="subtabs_12">
                                    <div class="webpart">
                                        <div class="wp_top lefts">
                                            <span class='x18icon table'></span>
                                            <span>故障分析表</span>
                                            <!--<input class="rqbtn dcsj" type="button" ng-click="addCommGroup()" value="新增" />-->
                                            <!--<input class="dcsj" type="button" ng-click="commExcelModel()" value="模板下载" />-->
                                            <input class="dcsj" type="button" ng-click="exportBusinessFaultReasonDetailData()" value="导出数据" />
                                        </div>
                                        <div class="wp_main table">
                                            <jqgrid options="grid2"></jqgrid>
                                        </div>
                                    </div>
                                </div>
                            </tabs>
                        </div>
                        <div class="netchar">
                            <tabs>
                                <ul class="tab">
                                    <li><a href="#subtabs_21"  ng-click='netTabsClick("mme_sgw")'>MME</a></li>
                                    <li><a href="#subtabs_21" ng-click='netTabsClick("tai")'>TAI</a></li>
                                    <li><a href="#subtabs_21" ng-click='netTabsClick("enodeb")'>eNodeB</a></li>
                                    <li><a href="#subtabs_21" ng-click='netTabsClick("ecgi")'>ECGI</a></li>
                                    <li><a href="#subtabs_21" ng-click='netTabsClick("apn")'>APN</a></li>
                                </ul>
                                <div id="subtabs_21">
                                    <div class="webpart">
                                        <div class="wp_top lefts">
                                            <span class='x18icon table'></span>
                                            <span>{{netName}}分析表</span>
                                            <!--<input class="rqbtn dcsj" type="button" ng-click="addCommGroup()" value="新增" />-->
                                            <!--<input class="dcsj" type="button" ng-click="commExcelModel()" value="模板下载" />-->
                                            <input class="dcsj" type="button" ng-click="exportBusinessGroupData()" value="导出数据" />
                                        </div>
                                        <div class="wp_main table">
                                            <jqgrid options="gridnet"></jqgrid>
                                        </div>
                                        <!--<div class="wp_foot">-->
                                            <!--<sortpage sortpagedata="gridnet.gridpagedata"></sortpage>-->
                                        <!--</div>-->
                                    </div>
                                </div>

                            </tabs>
                        </div>
                    </div>
                </div>
            </div>
            <div id="subtabs_03">
                <div>
                    <div class="selectfrom">
                        <span class="rqs1">接口：</span>
                        <select>
                            <option>S1</option>
                        </select>
                        <span class="rqs1">时间粒度：</span>
                        <select ng-model="timesize3" ng-change="changeTimeSize3(this)" ng-options="item.name for item in selectSizes3" >
                            <!--<option value="5">5分钟</option>-->
                            <!--<option value="15">15分钟</option>-->
                            <!--<option value="60">1小时</option>-->
                        </select>
                        <br/>
                        <span class="rqs1">时间选择：</span>
                        <input id="starttime3" ng-model="stime3" onfocus="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:00'})" />
                        <span>至</span>
                        <input id="endtime3" ng-model="etime3" onfocus="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:00'})" />
                        <input class="rqbtn" type="button" ng-click="btnSearch3()" value="查询" />
                        <input ng-click="showDownloadlist()" class="rqbtn" type="button" value="下载列表" />
                    </div>
                    <div class="webpart center">
                        <div class="netchar"><highcharts options="highchartyy3"></highcharts></div>
                        <div class="netchar">
                            <div class="webpart">
                                <div class="wp_top lefts">
                                    <span class='x18icon table'></span>
                                    <span>业务类型速率分析表</span>
                                    <input class="dcsj" type="button" ng-click="exportBusinessRateServiceTypeData()" value="导出数据" />
                                </div>
                                <div class="wp_main table">
                                    <jqgrid options="gridServiceType"></jqgrid>
                                </div>
                            </div>
                        </div>
                        <div class="netchar">
                            <tabs>
                                <ul class="tab">
                                    <li><a href="#subtabs_51">SP</a></li>
                                </ul>
                                <div id="subtabs_51">
                                    <div class="webpart">
                                        <div class="wp_top lefts">
                                            <span class='x18icon table'></span>
                                            <span>业务名称速率分析表</span>
                                            <input class="dcsj" type="button" ng-click="exportBusinessRateSubServiceTypeData()" value="导出数据" />
                                        </div>
                                        <div class="wp_main table">
                                            <jqgrid options="gridSubServiceType"></jqgrid>
                                        </div>
                                    </div>
                                </div>
                            </tabs>
                        </div>
                        <div class="netchar">
                            <tabs>
                                <ul class="tab">
                                    <li><a href="#subtabs_52" ng-click='netTabsClick1("mme_sgw")' >SGW</a></li>
                                    <li><a href="#subtabs_52" ng-click='netTabsClick1("tai")' >TAI</a></li>
                                    <li><a href="#subtabs_52" ng-click='netTabsClick1("enodeb")' >eNodeB</a></li>
                                    <li><a href="#subtabs_52" ng-click='netTabsClick1("ecgi")' >ECGI</a></li>
                                </ul>
                                <div id="subtabs_52">
                                    <div class="webpart">
                                        <div class="wp_top lefts">
                                            <span class='x18icon table'></span>
                                            <span>{{netName1}}分析列表</span>
                                            <input class="dcsj" type="button" ng-click="exportBusinessRateGroupData()" value="导出数据" />
                                        </div>
                                        <div class="wp_main table">
                                            <jqgrid options="gridBusinessRateGroup"></jqgrid>
                                        </div>
                                        <!--<div class="wp_foot">-->
                                            <!--<sortpage sortpagedata="gridBusinessRateGroup.gridpagedata"></sortpage>-->
                                        <!--</div>-->
                                    </div>
                                </div>
                            </tabs>
                        </div>
                    </div>
                </div>
            </div>
            <artdialog option="dialogList">
                <div style="overflow-x: hidden">
                    <jqgrid options="downloadList"></jqgrid>
                </div>
            </artdialog>
        </div>
    </tabs>
</div>